<script setup>
import {CircleCheck, Edit, Clock, Upload} from '@element-plus/icons-vue'
import {onMounted} from "vue";

// // 定义接收的props和emit事件
// const props = defineProps({
//   statusValue: number
// });
// const emit = defineEmits(['update:modelValue']);
//
// onMounted(() => {
//   console.log("进度条：", statusValue)
// })
const model = defineModel()

</script>

<template>
  <div class="box">
    <el-steps style="width: 80%" :active="model-1" finish-status="success">
      <el-step title="已提交" :icon="Edit" />
      <el-step title="已审核" :icon="Upload" />
      <el-step title="待认定" :icon="Clock" />
      <el-step title="已认定" :icon="CircleCheck" />
    </el-steps>
  </div>

</template>

<style scoped lang="scss">
.box {
  width: 100%;
  display: flex;
  justify-content: center;
}

</style>